<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="en" style="background-color: #ededed;">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,viewport-fit=cover">
    <title><?php echo C('sitename');?></title>
    <link rel="stylesheet" href="/Public/Home/css/swiper.min.css">
    <link rel="stylesheet" href="/Public/Home/css/style.css">
    <link rel="stylesheet" href="/Public/Home/css/jquery-ui.min.css">
    <script>
        ;
        (function (win, lib) {
            var doc = win.document;
            var docEl = doc.documentElement;
            var metaEl = doc.querySelector('meta[name="viewport"]');
            var flexibleEl = doc.querySelector('meta[name="flexible"]');
            var dpr = 0;
            var scale = 0;
            var tid;
            var flexible = lib.flexible || (lib.flexible = {});

            if (metaEl) {
                // console.warn('将根据已有的meta标签来设置缩放比例');
                var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
                if (match) {
                    scale = parseFloat(match[1]);
                    dpr = parseInt(1 / scale);
                }
            } else if (flexibleEl) {
                var content = flexibleEl.getAttribute('content');
                if (content) {
                    var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
                    var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
                    if (initialDpr) {
                        dpr = parseFloat(initialDpr[1]);
                        scale = parseFloat((1 / dpr).toFixed(2));
                    }
                    if (maximumDpr) {
                        dpr = parseFloat(maximumDpr[1]);
                        scale = parseFloat((1 / dpr).toFixed(2));
                    }
                }
            }
            if (!dpr && !scale) {
                var isAndroid = win.navigator.appVersion.match(/android/gi);
                var isIPhone = win.navigator.appVersion.match(/iphone/gi);
                var devicePixelRatio = win.devicePixelRatio;
                if (isIPhone) {
                    // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
                    if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
                        dpr = 3;
                    } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
                        dpr = 2;
                    } else {
                        dpr = 1;
                    }
                } else {
                    // 其他设备下，仍旧使用1倍的方案
                    dpr = 1;
                }
                scale = 1 / dpr;
            }
            docEl.setAttribute('data-dpr', dpr);
            if (!metaEl) {
                metaEl = doc.createElement('meta');
                metaEl.setAttribute('name', 'viewport');
                metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale +
                    ', minimum-scale=' + scale + ', user-scalable=no');
                if (docEl.firstElementChild) {
                    docEl.firstElementChild.appendChild(metaEl);
                } else {
                    var wrap = doc.createElement('div');
                    wrap.appendChild(metaEl);
                    doc.write(wrap.innerHTML);
                }
            }

            function refreshRem() {
                var width = docEl.getBoundingClientRect().width;
                if (width / dpr > 750) {
                    width = 750 * dpr;
                }
                var rem = width / 10;
                docEl.style.fontSize = rem + 'px';
                flexible.rem = win.rem = rem;
            }
            win.addEventListener('resize', function () {
                clearTimeout(tid);
                tid = setTimeout(refreshRem, 100);
            }, false);
            win.addEventListener('pageshow', function (e) {
                if (e.persisted) {
                    clearTimeout(tid);
                    tid = setTimeout(refreshRem, 100);
                }
            }, false);
            if (doc.readyState === 'complete') {
                doc.body.style.fontSize = 12 * dpr + 'px';
            } else {
                doc.addEventListener('DOMContentLoaded', function (e) {
                    doc.body.style.fontSize = 12 * dpr + 'px';
                }, false);
            }

            refreshRem();
            flexible.dpr = win.dpr = dpr;
            flexible.refreshRem = refreshRem;
            flexible.rem2px = function (d) {
                var val = parseFloat(d) * this.rem;
                if (typeof d === 'string' && d.match(/rem$/)) {
                    val += 'px';
                }
                return val;
            }
            flexible.px2rem = function (d) {
                var val = parseFloat(d) / this.rem;
                if (typeof d === 'string' && d.match(/px$/)) {
                    val += 'rem';
                }
                return val;
            }
        })(window, window['lib'] || (window['lib'] = {}));
    </script>
    <style type="text/css">
        body {
            padding-top: constant(safe-area-inset-top);
            padding-right: constant(safe-area-inset-right);
            padding-bottom: constant(safe-area-inset-bottom);
            padding-left: constant(safe-area-inset-left);
        }

        .qimo8 {
            overflow: hidden;
            width: 90%;
            float: left;
            vertical-align: middle;
            margin-left: 10px;
        }

        .qimo8 .qimo {
            /*width:99999999px;*/
            width: 8000%;
            height: 30px;
        }

        .qimo8 .qimo div {
            float: left;
        }

        .qimo8 .qimo ul {
            float: left;
            height: 1.06rem;
            overflow: hidden;
            zoom: 1;
        }

        .qimo8 .qimo ul li {
            float: left;
            line-height: 1.06rem;
            list-style: none;
        }

        .qimo8 li a {
            margin-right: 10px;
            color: #2e2e2a;
            font-size: 0.386rem
        }

        .zmd {
            width: 96%;
            padding: 0 12px;
            height: 0.98rem;
            margin: 0 auto;
            box-sizing: border-box;
            border-radius: 5px;
            background-color: #fff;
            display: flex;
            align-items: center;
        }

        .info-img {
            width: 0.73rem;
            height: 0.62rem;
            vertical-align: middle;
        }

        .jt-img {
            vertical-align: middle;
            width: 0.3rem;
            height: 0.3rem;
        }

        .main-three {
            margin: 0.3rem auto;
            display: flex;
            justify-content: space-between;
        }

        .main-three a {
            width: 2.93rem;
            /* width: 4.56rem; */
            display: block;
            text-align: center;
            color: #323332;
            padding: 0.34rem 0;
            text-decoration: none;
            -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
            -webkit-user-select: none;
            -moz-user-focus: none;
            -moz-user-select: none;
            background-color: #fff;
            border-radius: 8px;
        }

        .main-three a p {
            font-size: 0.346rem;
            margin: 0.2rem;
        }

        .main-three a img {
            width: 0.84rem;
            height: 0.68rem;
        }
/* <!-- 
        #main-six {
            flex-wrap: wrap;
        }

        #main-six a {
            width: 4.5rem;
            margin-top: 0.2rem;
            display: block;
            height: 1.2rem;
            background-color: #3e3d3b;
            line-height: 1.2rem;
            color: #fffaa9;
        }

        #main-six a img {
            width: 1.22rem;
            height: 1.22rem;
            margin-right: 0.4rem;
        }

        #main-six a span {
            position: relative;
            top: -0.4rem;
        } --> */
        footer {
            width: 100vw;
            height: 60px;
            left: 50%;
            transform: translate(-50%);
            background-color: #f7f7f7;
            position: fixed;
            bottom: 0;
            z-index: 1111;
            display: flex;
            justify-content: space-around;
            box-sizing: border-box;
            padding: 5px 0;
        }

        footer a {
            display: flex;
            flex-flow: column nowrap;
            justify-content: center;
            align-items: center;
            text-align: center;
            text-decoration: none;
            -webkit-tap-highlight-color: #f7f7f7;
            -webkit-user-select: none;
            -moz-user-focus: none;
            -moz-user-select: none;
            font-size: 0.246rem;
            height: 100%;
        }
        footer p{
            color: #aeadad;
            font-size: 12px;
            font-weight: 400;
        }
        .loding img {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            z-index: 9999999;
            left: 0;
        }
        
        /* table {
            float: left;
            position: relative;
            top: -0.2rem;
            border-spacing: 0.2rem;
  border-collapse: separate;
  text-align: center;

        }
        .video{
            width: 2.18rem;
            float: left;
            height: 4.3rem;
            margin-right: 0.2rem;
            text-align: center;
            font-size: 0.6rem;
            background-color: #3e3d3b;
            opacity: 0.8;
            color: #fff98d;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }
        .video img{
            margin-top: 0.5rem;
            width: 2rem;
            height:2rem;
        }
        .video p{
            margin: 0;
        }
        table a{
            text-decoration: none;
            -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
            -webkit-user-select: none;
            -moz-user-focus: none;
            -moz-user-select: none;
            color: #fff98d;
            font-size: 0.34rem;
        }
        table a img{
            width: 0.9rem;
            height: 0.9rem;
            vertical-align: middle；
        }
        table a span{
            margin: 0;
            vertical-align: middle;
        }
        table td{
        width: 3.1rem;
        height: 1.3rem;
        background-color: #3e3d3b;
        }
        .main-one{
           width: 9.33rem;
           margin: 0 auto 1.4rem auto; 
           height: 4.6rem;
           overflow: hidden;
           overflow: scroll;
         
       }
       .main-one::-webkit-scrollbar {
            width: 0 !important 
            }
            .main-one {
                 -ms-overflow-style: none; 
                 }
                 .main-one {
                      overflow: -moz-scrollbars-none;
                       } */
            .videos{
                padding: 6px 0;
            }
            .videos img{
                width: 0.52rem;
                vertical-align: middle;
            }
            .videos span{
                font-size: 0.346rem;
                color: #323332;
                vertical-align: middle;
            }
          .game{
              width: 100%;
              box-sizing: border-box;
              display: flex;
              flex-flow: column nowrap;
          }         
          .game a{
              width: 100%;
              height: 1.38rem;
              display: flex;
              align-items: center;
          } 
          .game a img{
            width: 1rem;
            height: 1rem;
            padding-right: 24px;
          }
          .game .game-right{
              flex: 1;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: space-around;
              box-sizing: border-box;
          }
          .game .game-right span{
              flex: 1;
              height: 100%;
              font-size: 0.36rem;
              color: #323332;
              line-height: 1.38rem;
              border-bottom: 1px solid #e7e7e7;
          }
          .game .gameRight_url{
              width: 18px;
              padding-right: 8px;
          }
          .game .onlines{
              text-align: right;
              padding-right: 6px;
              box-sizing: border-box;
          }
    .black_overlay4{
      display: none;
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      background-color: black;
      z-index:100111;
      -moz-opacity: 0.8;
      opacity:.80;
      filter: alpha(opacity=88);
    }
	.white_content4 {
      display: none;
      position: absolute;
      top: 35%;
      /* left: 25%; */
      bottom: 0;
      width: 10rem;
      height: 21rem;
      /* padding: 20px; */
      /* border: 10px solid orange; */
      background-color: #262626;
      z-index:100211;
      /* overflow: auto; */
      border-top: 2px solid #ffe668;
    }
    .close4{
        display: none;
        width: 0.88rem;
        height: 2.09rem;
        position: absolute;
        top:24%;
        left:50%;
        bottom: 13.24rem;
        z-index: 111111;
        transform: translate(-0.44rem);
    }
   #light4>p{
        width: 10rem;
        margin: 0;
        height: 1.06rem;
        border-bottom: 1px solid #67603a;
        text-align: center;
        line-height: 1.06rem;
        font-size: 0.546rem;
        color: #ffe668;
    }
    .selectMenu{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .menu-ul-t{
        width: 3.2rem;
        display: none;
        position: absolute;
        top: 1.6rem;
        right: 0.50rem;
        z-index: 4;
        padding: 0.2rem;
        background: #3a3737;
        opacity: 0.98;
        border-radius: 0.2rem;
    }
    .menu-ul{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .menu-ul dd{
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 0.18rem 0;
    }
    .menu-ul dd>a{
        width: 100%;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }
    .menu-ul a > img{
        width: 0.5rem;
        height: 0.5rem;
        padding-right: 10px;
    }
    .menu-ul a p{
        flex: 1;
        padding: 0 0 6px 0.6rem;
        box-sizing: border-box;
        color: #fff;
        font-size: 0.34rem;
        letter-spacing: 5px;
        border-bottom: 1px solid #e7e7e7;
    }
    .header-top{
        width: 100%;
        padding: 28px 0;
        box-sizing: border-box;
        color: #323332;
        font-weight: bold;
        font-size: 0.42rem;
        text-align: center;
    }
    .scroll-con{
        background-color: #fff;
        padding: 0 12px;
        box-sizing: border-box;
        width: 100%;
        height: 14rem;
        overflow: auto;
        z-index: 1;
        margin-top: 12px;
    }
    .headerTop{
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 0 24px;
        box-sizing: border-box;
        height: 68px;
    }
    .headerTop img{
        width: 0.6rem;
    }
    </style>
</head>

<body>
    <header>
        <div class="headerTop">
            <p></p>
            <div class="header-top">微投专家</div>
            <div  id="selectMenu" class="selectMenu">
              <img src="/Public/Home/img/selectMenu.png" alt="">
            </div>
        </div>
        <div id="menu-ul-t" class="menu-ul-t">
          <dl class="menu-ul">
            <dd>
                <a href="<?php echo U('Home/Fen/addpage');?>?type=pk10">
                    <img src="/Public/Home/img/menuList1.png" alt="">
                    <p>充值</p>
                </a>  
            </dd>
            <dd>
                <a href="<?php echo U('Home/Fen/xiapage');?>?type=pk10">
                    <img src="/Public/Home/img/menuList2.png" alt="">
                    <p>提款</p>
                </a>   
            </dd>
            <dd>
                <a href="<?php echo U('Home/User/offline');?>">
                    <img src="/Public/Home/img/menuList3.png" alt="">
                    <p>分享</p>
                </a>
            </dd>
            <dd>
                <a href="<?php echo U('Home/Index/login');?>">
                    <img src="/Public/Home/img/menuList4.png" alt="">
                    <p>退出</p>
                </a>
            </dd>
          </dl>
        </div>
    </header>
    <main>
        <div class="zmd">
            <img class="info-img" src="/Public/Home/img/xx.png" alt="">
            <div id="demo" class="qimo8">
                <div class="qimo">
                    <div id="demo1">
                        <ul>
                            <li><?php echo C('welcome');?></li>

                        </ul>
                    </div>
                    <div id="demo2"></div>
                </div>
            </div>
           <!-- <a href="<?php echo U('Home/Run/noticelist');?>"><img class="jt-img" src="/Public/Home/img/jt.png" alt=""></a> -->
        </div>

    </main>
    <div class="scroll-con">
        <div class="game">
            <a href="<?php echo U('Home/Run/hundred');?>">
                <img src="/Public/Home/img/baijiale.png" alt="">
                <p class="game-right">
                    <span>百家乐</span> 
                    <span class="onlines"></span>
                </p>
                <img class="gameRight_url" src="/Public/Home/img/game_right.png" alt="">
               
            </a>
            <a href="<?php echo U('Home/Run/longhu');?>" class="noOpen">
                <img src="/Public/Home/img/longhudou.png" alt="">
                <p class="game-right">
                    <span>龙虎斗</span> 
                    <span class="onlines"></span>
                </p>
                <img class="gameRight_url" src="/Public/Home/img/game_right.png" alt="">
            </a>
        </div>

    </div>
    <footer>
        <a href="/Home/Run/index">
            <img src="/Public/Home/img/11s.png" alt="" style="width:24px">
            <p style="color:#07c160;">消息</p>
        </a>
        <!-- <a href="<?php echo U('Home/Fen/addpage');?>?type=pk10"><img src="/Public/Home/img/12.png" alt="" style="width:0.64rem;height: 0.72rem;">
            <p>充值</p>
        </a>
        <a href="<?php echo U('Home/Fen/xiapage');?>?type=pk10"><img src="/Public/Home/img/12.png" alt="" style="width:0.64rem;height: 0.72rem;">
            <p>提现</p>
        </a> -->
        <a href="<?php echo U('Home/User/customer');?>">
            <img src="/Public/Home/img/14.png" alt="" style="width:24px">
            <p>客服</p>
        </a>
        <a href="<?php echo U('Home/User/index');?>">
            <img src="/Public/Home/img/13.png" alt="" style="width:24px">
            <p>我的</p>
        </a>  
    </footer>
    <!-- <div class="loding">
        <img src="/Public/Home/img/loding.png" alt="loding">
    </div> -->
    <!-- <div id="dialog" title="正在开发">正在开发中</div> -->
    <!-- <section>
    <div class="top">
        <img width="100%" src="/Public/Home/css/img/kuang.png" alt="">
        <div class="info">
            <div id="demo" class="qimo8">
                <div class="qimo">
                    <div id="demo1">
                        <ul>
                            <li><a href='' >钻石贵宾会邀请您参加群英棋牌游戏赢大奖!</a></li>
                            <li><a href='' >钻石贵宾会邀请您参加群英棋牌游戏赢大奖!</a></li>
                            <li><a href='' >钻石贵宾会邀请您参加群英棋牌游戏赢大奖!</a></li>
                            <li><a href='' >钻石贵宾会邀请您参加群英棋牌游戏赢大奖!</a></li>
                            <li><a href='' >钻石贵宾会邀请您参加群英棋牌游戏赢大奖!</a></li>
                            <li><a href='' >钻石贵宾会邀请您参加群英棋牌游戏赢大奖!</a></li>
                        </ul>
                    </div>
                    <div id="demo2"></div>
                </div>
            </div>
            <img src="<?php echo ($userinfo["headimgurl"]); ?>">
            <div class="info_right">
                <p>游戏昵称：<span><?php echo ($userinfo["nickname"]); ?></span></p>
                <p>游戏帐号：<span><?php echo ($userinfo["username"]); ?></span></p>
                <p>游戏积分：<span><?php echo ($userinfo["points"]); ?></span></p>
            </div>
        </div>
    </div>
    <div class="content">
        <ul>
            <li>
                <div>
                    <a href="<?php echo U('Home/Run/pk10');?>"><img src="/Public/Home/css/img/gameIcon1_1.jpg" alt=""></a>
                </div>
            </li>
            <li>
                <div>
                    <a href="<?php echo U('Home/Run/xyft');?>"><img src="/Public/Home/css/img/gameIcon1_2.jpg" alt=""></a>
                </div>
            </li>
            <li>
                <div>
                    <a href="<?php echo U('Home/Run/ssc');?>"><img src="/Public/Home/css/img/gameIcon2_1.jpg" alt=""></a>
                </div>
            </li>
            <li>
                <div>
                    <a href="<?php echo U('Home/Run/bj28');?>"><img src="/Public/Home/css/img/gameIcon3_1.jpg" alt=""></a>
                </div>
            </li>
            <li>
                <div>
                    <a href="<?php echo U('Home/Run/jnd28');?>"><img src="/Public/Home/css/img/gameIcon3_2.jpg" alt=""></a>
                </div>
            </li>
			<li>
                <div>
                    <a href="<?php echo U('Home/Run/bjl');?>"><img src="/Public/Home/css/img/gameIcon3_2.jpg" alt="">百家乐</a>
                </div>
            </li>
			  <li>
                <div>
                    <a href="<?php echo U('Home/Run/pk10');?>"><img src="/Public/Home/css/img/gameIcon1_1.jpg" alt="">老头乐</a>
                </div>
            </li>
            <li>
                <div>
                    <a href="<?php echo U('Home/Run/xyft');?>"><img src="/Public/Home/css/img/gameIcon1_2.jpg" alt="">河北11选5</a>
                </div>
            </li>
            <li>
                <div>
                    <a href="<?php echo U('Home/Run/ssc');?>"><img src="/Public/Home/css/img/gameIcon2_1.jpg" alt="">龙虎斗</a>
                </div>
            </li>
        </ul>
    </div>
</section> -->
    <!-- <footer>
    <ul>
        <li>
            <div>
                <a href="/Home/User/index"><img src="/Public/Home/css/img/A1.png" alt=""></a>
            </div>
        </li>
        <li>
            <div>
                <a href="<?php echo U('Home/Fen/addpage');?>?type=pk10"><img src="/Public/Home/css/img/B1.png" alt=""></a>
            </div>
        </li>
        <li>
            <div>
                <a href="<?php echo U('Home/Fen/xiapage');?>?type=pk10"><img src="/Public/Home/css/img/C1.png" alt=""></a>
            </div>
        </li>
        <li>
            <div>
                <a href="<?php echo U('Home/Run/kefu_wx');?>"><img src="/Public/Home/css/img/D1.png" alt=""></a>
            </div>
        </li>
    </ul>
</footer> -->
    <script src="/Public/Home/js/jquery.js"></script>
    <script src="/Public/Home/js/jquery-ui.min.js"></script>
    <script src="/Public/Home/js/jquery-ui.min.js"></script>
    <script src="/Public/Home/js/common.js"></script>
    <script src="/Public/Common/layer/layer.js"></script>
    <script>
        $(document).ready(function() {
        var ua = window.navigator.userAgent.toLowerCase(); 
        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            //在微信中打开需要的操作
            $('.headerTop').html('')
        } else {
        } 
        jQuery.ajax({ 
            url: "<?php echo U('Home/Index/tipList');?>",
            type: "post",
            cache:false,
            // data: { "content":''},
            dataType: "json",
            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
            success: function(req) {
                console.log(req)
            console.log(req.content)
            console.log(req.content[0].content)
            var strHtml = ''
            for(var i = 0; i <req.content.length;i++){
    //            strHtml += `<div class="list">
    //        <p>${req.content[i].title}：<span class="list-info">${req.content[i].content}</span></p>
    //        <div class="Time">
    //            <img src="/Public/Home/img/time.png" alt="">
    //            <span class="date"></span>
    //            <span class="time">${req.content[i].time}</span>
    //        </div>
    //    </div>`
    strHtml+=`
    <li><a href="<?php echo U('Home/Run/noticelist');?>">${req.content[i].content}</a></li>
    `
            }
            $('#demo1 ul').html(strHtml)
            $('#demo2 ul').html(strHtml)
            // var myDate = new Date();  
            // var date = myDate.getFullYear() + '/' + Number(myDate.getMonth()+1) + '/' + myDate.getDate();
            // $('.date').html(date)
            },
            //请求出错处理。注意：有差错时才执行程序体，才会出现alert弹框
            error: function(XMLHttpRequest, textStatus, errorThrown) {
            
            },
           
        });
        $("#selectMenu").click(function(){
            $("#menu-ul-t").slideToggle()
            return false
        })
        $(document).click(function(){
            $("#menu-ul-t").hide()
        })
        var onDom = document.getElementsByClassName('onlines')
        for(let i = 0; i < onDom.length; i++){
            let num = Math.floor(Math.random() * (250 - 100)) + 100;
            onDom[i].innerHTML = num + '人'
        }
    });
    </script>
    <script>
        //底部导航切换
        /*$('footer ul li').click(function () {
             var src=$(this).find('img').attr('src');
             var src01=src.split('.png')[0];
            src01 = src01.replace('1', '2');
             $('footer ul li img').each(function (index,val) {
                 var src02=$(val).attr('src');
                 var src03=src02.split('.png')[0];
                 src03 = src03.replace('2', '1');
                 src03 = src03.replace('1', '1');
                 $(val).attr('src',src03+'.png')
             })
             $(this).find('img').attr('src',src01+'.png')
         })*/
        //文字无缝滚动
        var demo = document.getElementById("demo");
        var demo1 = document.getElementById("demo1");
        var demo2 = document.getElementById("demo2");
        demo2.innerHTML = document.getElementById("demo1").innerHTML;

        function Marquee() {
            if (demo.scrollLeft - demo2.offsetWidth >= 0) {
                demo.scrollLeft -= demo1.offsetWidth;
            } else {
                demo.scrollLeft++;
            }
        }
        var myvar = setInterval(Marquee, 30);
        demo.onmouseout = function () {
            myvar = setInterval(Marquee, 30);
        }
        demo.onmouseover = function () {
            clearInterval(myvar);
        }
    </script>
</body>

</html>